1. Tujuan Pembelajaran
Setelah mempelajari materi ini, siswa diharapkan mampu:
- Menjelaskan pengertian Adobe Photoshop dengan bahasa sendiri.
- Menjelaskan fungsi Photoshop dalam bidang Desain Komunikasi Visual (DKV).
- Membuat dokumen baru dengan ukuran yang ditentukan.
- Mengenali bagian utama workspace Photoshop.
- Menjelaskan fungsi Menu Bar, Toolbar, Options Bar, Panel, Layers Panel, Properties, dan area canvas.
- Menggunakan zoom dan navigasi canvas secara sederhana.
- Membuka, menyimpan, dan menyimpan ulang dokumen Photoshop dengan benar.
2. Pengertian Adobe Photoshop
Adobe Photoshop adalah perangkat lunak pengolah gambar digital yang dikembangkan oleh Adobe. Photoshop banyak digunakan untuk mengedit foto, membuat komposisi gambar, mengolah elemen grafis, membuat desain visual, dan berbagai kebutuhan kreatif lainnya.
Photoshop bekerja terutama dengan gambar berbasis raster/pixel. Artinya, gambar tersusun dari titik-titik kecil yang disebut pixel. Semakin banyak pixel yang dimiliki gambar, semakin banyak detail yang dapat ditampilkan pada ukuran tertentu.
2.1 Apa itu pixel?
Pixel adalah unit terkecil penyusun gambar digital. Jika sebuah foto diperbesar sangat jauh, kita dapat melihat kumpulan titik atau kotak kecil yang menyusun gambar tersebut.
2.2 Photoshop bukan sekadar aplikasi edit foto
Bagi siswa DKV, Photoshop dapat dipahami sebagai alat kerja visual. Kita dapat menggunakannya untuk mengolah gambar sekaligus menyusun berbagai elemen menjadi sebuah komunikasi visual.
| Contoh kebutuhan | Peran Photoshop |
|---|---|
| Foto produk | Memperbaiki pencahayaan, warna, crop, dan komposisi. |
| Poster | Menggabungkan foto, teks, bentuk, dan elemen grafis. |
| Konten media sosial | Membuat visual sesuai ukuran platform yang diperlukan. |
| Mockup sederhana | Menempatkan desain pada visual produk atau media. |
| Manipulasi gambar | Menggabungkan atau mengubah beberapa elemen gambar secara kreatif. |
3. Fungsi Adobe Photoshop dalam Bidang DKV
Dalam DKV, pesan visual perlu disampaikan dengan jelas dan menarik. Photoshop membantu desainer mengolah berbagai unsur visual sehingga dapat menjadi karya yang sesuai tujuan komunikasi.
3.1 Mengolah foto
Photoshop dapat digunakan untuk melakukan crop, mengatur ukuran, memperbaiki warna, menyesuaikan pencahayaan, dan melakukan retouching sesuai kebutuhan desain.
3.2 Membuat komposisi visual
Desainer dapat menggabungkan beberapa gambar, teks, bentuk, dan elemen visual dalam satu dokumen. Teknik ini banyak digunakan ketika membuat poster, banner, iklan, dan materi promosi.
3.3 Membuat materi publikasi
Photoshop dapat membantu membuat berbagai visual digital seperti poster, konten media sosial, thumbnail, banner, dan materi promosi.
3.4 Mengembangkan ide visual
Photoshop juga dapat digunakan untuk eksperimen. Desainer dapat mencoba berbagai susunan, warna, ukuran, dan efek untuk menemukan komposisi yang sesuai.
4. Membuat Dokumen Baru
Sebelum mulai bekerja, kita perlu membuat dokumen. Dokumen merupakan ruang kerja tempat desain dibuat.
4.1 Membuka jendela dokumen baru
4.2 Bagian penting pengaturan dokumen
| Pengaturan | Penjelasan mudah |
|---|---|
| Width | Lebar dokumen. |
| Height | Tinggi dokumen. |
| Units | Satuan ukuran, misalnya pixel, inch, atau centimeter. |
| Orientation | Arah dokumen, yaitu Portrait atau Landscape. |
| Resolution | Kerapatan pixel. Untuk kebutuhan cetak, nilai yang digunakan perlu disesuaikan dengan kebutuhan produksi; 300 ppi sering digunakan sebagai titik awal untuk materi cetak. |
| Color Mode | Mode warna dokumen, misalnya RGB untuk banyak kebutuhan digital dan CMYK untuk kebutuhan cetak tertentu. |
| Background | Pengaturan awal latar belakang dokumen. |
4.3 Contoh dokumen latihan
Untuk latihan pengenalan workspace, buat dokumen dengan spesifikasi berikut:
- Width: 1920 px
- Height: 1080 px
- Orientation: Landscape
- Resolution: 72 ppi untuk latihan berbasis layar
- Color Mode: RGB Color
Tujuan latihan ini bukan membuat desain yang rumit, melainkan membiasakan diri membaca pengaturan dokumen.
5. Mengenal Photoshop Workspace
Workspace adalah lingkungan kerja Photoshop yang berisi berbagai bagian untuk membantu kita membuat dan mengedit desain.
5.1 Menu Bar
Menu Bar berada di bagian atas aplikasi. Menu ini berisi perintah Photoshop yang dikelompokkan berdasarkan fungsi.
| Menu | Gambaran fungsi |
|---|---|
| File | Membuat, membuka, menyimpan, mengekspor, dan mengelola dokumen. |
| Edit | Perintah seperti undo, redo, copy, paste, dan pengaturan tertentu. |
| Image | Pengaturan gambar seperti ukuran gambar dan ukuran canvas. |
| Layer | Perintah untuk mengelola layer dan efek tertentu. |
| Type | Perintah yang berkaitan dengan teks. |
| Select | Perintah yang berkaitan dengan seleksi. |
| Filter | Berisi berbagai efek dan pengolahan gambar. |
| View | Mengatur tampilan dan pembesaran dokumen. |
| Window | Mengatur panel dan workspace. |
| Help | Membantu menemukan informasi dan bantuan terkait Photoshop. |
5.2 Toolbar
Toolbar berisi alat-alat utama Photoshop. Setiap tool memiliki fungsi berbeda. Jangan berusaha menghafalkan semuanya sekaligus. Mulailah dengan tool yang sering digunakan.
| Tool | Fungsi sederhana |
|---|---|
| Move Tool | Memindahkan objek atau layer. |
| Marquee Tools | Membuat seleksi berbentuk geometris seperti persegi panjang atau elips. |
| Lasso Tools | Membuat seleksi dengan bentuk yang lebih bebas. |
| Crop Tool | Memotong area gambar. |
| Eyedropper Tool | Mengambil sampel warna dari gambar. |
| Brush Tool | Menggambar atau mengecat menggunakan kuas digital. |
| Eraser Tool | Menghapus bagian tertentu pada layer yang mendukung penghapusan. |
| Type Tool | Membuat teks. |
| Shape Tools | Membuat bentuk seperti persegi, lingkaran, dan bentuk lainnya. |
| Hand Tool | Menggeser tampilan canvas tanpa memindahkan objek. |
| Zoom Tool | Memperbesar atau memperkecil tampilan canvas. |
5.3 Options Bar
Options Bar terletak di bagian atas area kerja, biasanya di bawah Menu Bar. Isinya berubah sesuai tool yang sedang aktif.
Contohnya, ketika Brush Tool dipilih, Options Bar dapat menampilkan pengaturan seperti ukuran brush, hardness, dan opacity. Ketika Type Tool dipilih, pengaturan teks seperti font dan ukuran teks dapat ditampilkan.
5.4 Panels
Panel adalah jendela kecil yang berisi kontrol dan informasi. Panel membantu kita mengatur dokumen tanpa harus selalu membuka Menu Bar.
Beberapa panel yang umum ditemui adalah Layers, Properties, History, Color, Swatches, Character, dan Paragraph. Ketersediaan serta susunannya dapat berbeda tergantung versi dan workspace.
5.5 Layers Panel
Layers Panel adalah salah satu bagian yang sangat penting dalam Photoshop. Layer dapat dibayangkan seperti lembar transparan yang ditumpuk. Setiap lembar dapat berisi elemen berbeda.
Bagian yang perlu dikenali di Layers Panel
- Thumbnail: gambaran kecil isi layer.
- Nama layer: membantu kita mengetahui isi layer.
- Visibility: digunakan untuk menampilkan atau menyembunyikan layer.
- Urutan layer: layer yang berada lebih atas biasanya tampil di depan layer di bawahnya.
- Selected layer: layer yang sedang aktif untuk diedit.
- Lock: dapat digunakan untuk mencegah perubahan tertentu pada layer.
Background, Foto Produk, Judul, atau Logo.5.6 Properties
Properties menampilkan pengaturan yang berkaitan dengan objek atau fitur yang sedang dipilih. Isi Properties dapat berubah sesuai konteks.
Karena itu, jangan menganggap Properties selalu berisi menu yang sama. Jika siswa memilih objek atau layer yang berbeda, informasi dan pengaturannya dapat berubah.
5.7 Workspace
Photoshop menyediakan susunan workspace untuk membantu pekerjaan tertentu. Workspace pada dasarnya adalah pengaturan tata letak panel dan alat agar sesuai dengan kebutuhan kerja.
Contohnya, pekerjaan fotografi membutuhkan panel yang berbeda dari pekerjaan desain grafis. Pengguna dapat menyesuaikan workspace agar panel yang sering digunakan lebih mudah diakses.
6. Zoom dan Navigasi Canvas
Canvas adalah area dokumen yang sedang kita kerjakan. Zoom tidak mengubah ukuran file secara otomatis; zoom terutama mengubah tingkat pembesaran tampilan di layar.
6.1 Zoom in
Zoom in berarti memperbesar tampilan sehingga detail lebih mudah dilihat.
6.2 Zoom out
Zoom out berarti memperkecil tampilan sehingga area dokumen yang lebih luas dapat terlihat.
6.3 Hand Tool
Hand Tool digunakan untuk menggeser posisi tampilan canvas ketika kita sedang memperbesar gambar.
6.4 Mengapa navigasi penting?
Ketika mengedit detail kecil, kita membutuhkan zoom tinggi. Setelah selesai, kita perlu melihat keseluruhan desain untuk memastikan komposisinya tetap baik. Karena itu, kemampuan berpindah antara tampilan detail dan keseluruhan sangat penting.
7. Membuka dan Menyimpan File
7.1 Membuka file
7.2 Menyimpan dokumen
Saat pertama kali menyimpan dokumen kerja, gunakan File > Save As atau perintah penyimpanan yang tersedia pada versi Photoshop yang digunakan. Pilih format sesuai kebutuhan.
| Format | Kegunaan umum |
|---|---|
| PSD | Format kerja Photoshop yang mempertahankan banyak informasi seperti layer. Cocok untuk menyimpan file kerja agar dapat diedit kembali. |
| JPEG/JPG | Format gambar terkompresi yang umum digunakan untuk berbagi atau publikasi digital. |
| PNG | Umum digunakan untuk gambar digital yang membutuhkan kualitas tertentu dan dapat mendukung transparansi. |
| Dapat digunakan untuk berbagi dokumen/desain dalam bentuk PDF sesuai kebutuhan. |
7.3 Kebiasaan menyimpan yang baik
- Beri nama file yang jelas.
- Simpan pada folder proyek yang benar.
- Simpan file kerja utama dalam format yang dapat diedit kembali.
- Buat versi jika terjadi revisi besar, misalnya
Poster_v01,Poster_v02. - Jangan menunggu sampai pekerjaan selesai untuk pertama kali menyimpan.
8. Proyek/Latihan Praktik: Mengenali Workspace Photoshop
Tujuan: Siswa mampu membuat dokumen baru dan menunjukkan fungsi bagian-bagian utama workspace.
8.1 Spesifikasi proyek
- Buat dokumen baru berukuran 1920 × 1080 pixel.
- Gunakan orientasi Landscape.
- Gunakan RGB Color.
- Buat minimal 4 layer.
- Beri nama setiap layer sesuai fungsinya.
- Gunakan minimal satu bentuk, satu teks, dan satu elemen gambar sederhana.
- Simpan file kerja sebagai PSD.
8.2 Langkah kerja
Background.Shape dan tambahkan sebuah bentuk.Judul.8.3 Hasil yang harus dikumpulkan
- File Photoshop
.PSD. - Satu screenshot workspace yang menunjukkan bagian-bagian Photoshop.
- Catatan singkat fungsi minimal 7 bagian workspace.
9. Latihan Soal — 5 Pertanyaan
Apa yang dimaksud dengan Adobe Photoshop? Jelaskan menggunakan kalimatmu sendiri dan sebutkan minimal dua contoh penggunaannya.
Jelaskan perbedaan fungsi Toolbar dan Options Bar.
Mengapa Layers Panel penting dalam pembuatan desain? Jelaskan dengan menggunakan analogi sederhana.
Seorang siswa ingin membuat desain untuk ditampilkan di layar komputer. Ia membuat dokumen berukuran 1920 × 1080 pixel. Jelaskan apa arti angka tersebut dan mengapa satuan pixel sesuai untuk kebutuhan layar.
Jelaskan perbedaan tujuan menyimpan file kerja dalam PSD dengan menyimpan gambar dalam JPEG atau PNG.
Kunci Jawaban/Pedoman
1. Photoshop adalah perangkat lunak pengolah gambar digital yang digunakan antara lain untuk mengedit foto dan membuat komposisi/desain visual.
2. Toolbar berisi pilihan alat, sedangkan Options Bar berisi pengaturan yang menyesuaikan tool yang sedang aktif.
3. Layers membantu memisahkan elemen desain sehingga setiap elemen dapat diatur secara lebih mandiri. Analogi yang sesuai adalah beberapa lembar transparan yang ditumpuk.
4. 1920 adalah lebar dan 1080 adalah tinggi dalam satuan pixel. Pixel merupakan unit yang digunakan untuk membentuk gambar digital pada layar.
5. PSD digunakan untuk mempertahankan struktur kerja Photoshop seperti layer, sedangkan JPEG/PNG umumnya digunakan sebagai format gambar hasil untuk dibagikan atau digunakan sesuai kebutuhan.
10. Lima Tugas Praktik
Tugas 1 — Peta Workspace
Buka Photoshop. Buat screenshot workspace kemudian beri penanda pada minimal 7 bagian: Menu Bar, Toolbar, Options Bar, Canvas, Layers Panel, Properties/Panel, dan area dokumen.
Output: 1 gambar beranotasi + penjelasan fungsi setiap bagian.
Tugas 2 — Membuat Dokumen Baru
Buat dokumen berukuran 1920 × 1080 pixel dengan RGB Color. Tulis spesifikasi dokumen pada catatan tugas.
Output: Screenshot pengaturan dokumen dan screenshot canvas.
Tugas 3 — Latihan Layers
Buat komposisi sederhana yang terdiri atas background, dua bentuk, dan satu teks. Buat minimal empat layer dan beri nama setiap layer.
Output: File PSD dan screenshot Layers Panel.
Tugas 4 — Latihan Navigasi Canvas
Buka sebuah gambar. Lakukan zoom in, zoom out, kemudian geser tampilan menggunakan Hand Tool. Catat apa yang berubah dan apa yang tidak berubah.
Output: Catatan singkat 5–7 kalimat + screenshot.
Tugas 5 — Simulasi File Proyek
Buat sebuah dokumen sederhana bertema “Saya Belajar DKV”. Gunakan teks, bentuk, dan minimal satu gambar. Simpan file kerja sebagai PSD dan buat satu versi gambar untuk ditampilkan.
Output: File PSD + file gambar hasil + screenshot Layers Panel.
Checklist Penilaian Mandiri
11. Ringkasan Materi
- Adobe Photoshop adalah perangkat lunak pengolah gambar digital yang banyak digunakan dalam pekerjaan visual.
- Dalam DKV, Photoshop dapat digunakan untuk mengolah foto, membuat komposisi, membuat materi publikasi, dan mengembangkan ide visual.
- Dokumen baru harus dibuat dengan ukuran dan pengaturan yang sesuai tujuan.
- Menu Bar berisi kelompok perintah utama Photoshop.
- Toolbar berisi alat yang digunakan untuk mengerjakan berbagai aktivitas.
- Options Bar menampilkan pengaturan sesuai tool yang sedang aktif.
- Panels menyediakan kontrol dan informasi tambahan.
- Layers Panel digunakan untuk mengatur elemen-elemen desain dalam layer.
- Properties menampilkan pengaturan atau informasi sesuai objek/fitur yang dipilih.
- Zoom mengubah pembesaran tampilan, sedangkan Hand Tool membantu menggeser tampilan canvas.
- File kerja sebaiknya disimpan dalam format yang mempertahankan informasi yang diperlukan untuk proses editing, seperti PSD.
12. Refleksi Siswa
Jawablah pertanyaan berikut setelah menyelesaikan materi:
- Bagian workspace mana yang paling mudah saya pahami?
- Bagian mana yang masih membingungkan?
- Tool apa yang paling ingin saya pelajari lebih lanjut?
- Mengapa pengelolaan layer penting dalam desain?
- Apa kebiasaan kerja Photoshop yang akan saya terapkan mulai sekarang?